<template>
    <div>
        <tabheader></tabheader>
        <slider></slider>
        <transition name="el-zoom-in-center"
                    mode="out-in">
            <router-view></router-view>
        </transition>
        <foot></foot>
    </div>
</template>
<script>
import tabheader from './header/header'
import slider from './slider/slider'
import foot from './footer/footer'
export default {
    components: {
        tabheader,
        slider,
        foot
    },
    data() {
        return {

        }
    }
}
</script>

<style lang="less">

</style>